// INDEX PAGE STYLES
// ----------------------------------------------------------------------------

#indexPage

    // Default width for all text boxes.
    .txt
        margin-bottom 8px
        width pageWidth

    // Name and message fields are smaller.
    .txt.small
        font-size 1em

    // The message field should be a bit tall.
    textarea
        height 60px
        resize none

    // The quick date links.
    .quickDates
        margin -4px auto 18px auto
        width pageWidth

        div
            margin auto

        // Each quick date is a span.
        span
            color linkColor
            cursor pointer
            display inline-block
            font-size 0.8em
            margin-left 12px
            margin-right 12px

        // Mouse over quick links.
        span:hover
            color hoverLinkColor

    // The "make it your way" span
    #addMore
        margin auto
        margin-top 1px
        padding-right 8px
        text-align left
        width pageWidth
        span
            background no-repeat right
            border-bottom 1px solid Transparent
            cursor pointer
            display inline-block
            padding 0 19px 1px 0

    // Border on mouse over.
    #addMore span:hover
        border-bottom 1px dotted rgb(50, 50, 50)

    // Span with down arrow.
    #addMore.down span
        background-image url(../images/moreArrowDown.png)

    // Span with down arrow.
    #addMore.up span
        background-image url(../images/moreArrowUp.png)

    // The more info div wrapper.
    #moreInfo
        display none
        margin-top 6px

        .leftAlign
            margin auto
            padding-right 14px
            text-align left
            width pageWidth

        // Toggle checkboxes with extra right spacing.
        .toggle
            margin-right 8px